<template>
    <view class="news-detail-con">
        <header-vue :back="true" :title="titleList[type]" titleSize="32rpx" titleColor="#333" id="headerH"></header-vue>
        <view class="box-con">
            <view class="title">公告标题</view>
            <view class="time">2025-9-11 15:15</view>
            <view class="con">公告内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</view>
        </view>
    </view>
</template>
<script>
import headerVue from '@/components/header.vue';

export default {
    components: {
        headerVue
    },
    data() {
        return {
            type:1,
            id:0,
            titleList: {
                '1':'公告详情',
                '5':'审核详情'
            }
        }
    },
    onLoad(options) {
        this.type = options.type
        this.id = options.id
    }
}
</script> 
<style lang="scss" scoped>
.news-detail-con {
    width: 100%;
    min-height: 100vh;
    background: #f6f6f6;

    .box-con {
        margin: 28rpx 32rpx 0;
        background: #FFFFFF;
        box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0,0,0,0.1);
        border-radius: 20rpx 20rpx 20rpx 20rpx;
        padding: 28rpx;

        .title {
            font-weight: bold;
            font-size: 30rpx;
            color: #333333;
        }

        .time {
            font-size: 20rpx;
            color: #999999;
            margin: 12rpx 0 20rpx;
        }

        .con {
            font-size: 28rpx;
            color: #666666;
            text-align: justified;
        }
    }
}
</style>